:root {
    --bg-primary: #ebebeb;
    --bg-default: #ffffff;
    --alert-color: #fc526e;

    --text-primary: #333333;
    --text-secondary: #666666;
    --text-weaken: #999999;
    --text-default: #ffffff;

    --line-primary: #adb0b8;
    --line-default: #ebebeb;

    --btn_default: #c7000b;
    --btn_default_hover: #d64a52;
    --btn_disable: #ebebeb;

    --font-size: 14px;
    --font-size-small: 12px;
    --font-size-large: 16px;

    --border-radius: 4px;
}
//水瀑
.waterfall_theme {
    --prmary-color: #3ab0a2;
    --secondary-color: #e3f2f0;
    --btn_primary: #3ab0a2;
    --btn_primary_hover: #9cd7d0;
    --el-color-primary: #3ab0a2;
    --text-accent: #3ab0a2;
    .select_all_icon {
        background: url('~@/assets/image/quanxuan_default@2x.png') no-repeat 0 / 16px;
    }
    .select_all_icon:hover {
        background: url('~@/assets/image/quanxuan_hover@2x.png') no-repeat 0 / 16px;
    }

    .read_icon {
        background: url('~@/assets/image/yidu_default@2x.png') no-repeat 0 / 16px;
    }
    .read_icon:hover {
        background: url('~@/assets/image/yidu_hover@2x.png') no-repeat 0 / 16px;
    }

    .select_icon {
        background: url('~@/assets/image/shaixuan_icon@2x.png') no-repeat 0 / 16px;
    }
    .select_icon:hover {
        background: url('~@/assets/image/shaixuan_icon_hover@2x.png') no-repeat 0 / 16px;
    }

    .delete_icon {
        background: url('~@/assets/image/trush_default@2x.png') no-repeat 0 / 16px;
    }
    .delete_icon:hover {
        background: url('~@/assets/image/trush_hover@2x.png') no-repeat 0 / 16px;
    }

    .edit_icon {
        background: url('~@/assets/image/edit_default@2x.png') no-repeat 0 / 16px;
    }
    .edit_icon:hover {
        background: url('~@/assets/image/edit_hover@2x.png') no-repeat 0 / 16px;
    }

    .unselected_icon {
        background: url('~@/assets/image/unselected@2x.png') no-repeat 0 / 16px;
    }
    .selected_icon {
        background: url('~@/assets/image/selected@2x.png') no-repeat 0 / 16px;
    }

    .open_icon {
        background: url('~@/assets/image/jiantou@2x.png') no-repeat 0 / 16px;
    }
    .off_icon {
        background: url('~@/assets/image/up_default@2x.png') no-repeat 0 / 16px;
    }
}
//炭黑
.black_theme {
    --prmary-color: #333333;
    --secondary-color: #e5e5e5;
    --btn_primary: #333333;
    --btn_primary_hover: #666666;
    --el-color-primary: #333333;
    --text-accent: #333333;
    .select_all_icon {
        background: url('~@/assets/image/quanxuan_default@2x.png') no-repeat 0 / 16px;
    }
    .select_all_icon:hover {
        background: url('~@/assets/image/quanxuan_hover@2x.png') no-repeat 0 / 16px;
    }

    .read_icon {
        background: url('~@/assets/image/yidu_default@2x.png') no-repeat 0 / 16px;
    }
    .read_icon:hover {
        background: url('~@/assets/image/yidu_hover@2x.png') no-repeat 0 / 16px;
    }

    .select_icon {
        background: url('~@/assets/image/shaixuan_icon@2x.png') no-repeat 0 / 16px;
    }
    .select_icon:hover {
        background: url('~@/assets/image/shaixuan_icon_hover@2x.png') no-repeat 0 / 16px;
    }

    .delete_icon {
        background: url('~@/assets/image/trush_default@2x.png') no-repeat 0 / 16px;
    }
    .delete_icon:hover {
        background: url('~@/assets/image/trush_hover@2x.png') no-repeat 0 / 16px;
    }

    .edit_icon {
        background: url('~@/assets/image/edit_default@2x.png') no-repeat 0 / 16px;
    }
    .edit_icon:hover {
        background: url('~@/assets/image/edit_hover@2x.png') no-repeat 0 / 16px;
    }

    .unselected_icon {
        background: url('~@/assets/image/unselected@2x.png') no-repeat 0 / 16px;
    }
    .selected_icon {
        background: url('~@/assets/image/selected@2x.png') no-repeat 0 / 16px;
    }

    .open_icon {
        background: url('~@/assets/image/jiantou@2x.png') no-repeat 0 / 16px;
    }
    .off_icon {
        background: url('~@/assets/image/up_default@2x.png') no-repeat 0 / 16px;
    }
}
//火红
.fieryred_theme {
    --prmary-color: #c7000b;
    --secondary-color: #e5e5e5;
    --btn_primary: #c7000b;
    --btn_primary_hover: #d64a52;
    --el-color-primary: #c7000b;
    --text-accent: #333333;
    .select_all_icon {
        background: url('~@/assets/image/quanxuan_default@2x.png') no-repeat 0 / 16px;
    }
    .select_all_icon:hover {
        background: url('~@/assets/image/quanxuan_hover@2x.png') no-repeat 0 / 16px;
    }

    .read_icon {
        background: url('~@/assets/image/yidu_default@2x.png') no-repeat 0 / 16px;
    }
    .read_icon:hover {
        background: url('~@/assets/image/yidu_hover@2x.png') no-repeat 0 / 16px;
    }

    .select_icon {
        background: url('~@/assets/image/shaixuan_icon@2x.png') no-repeat 0 / 16px;
    }
    .select_icon:hover {
        background: url('~@/assets/image/shaixuan_icon_hover@2x.png') no-repeat 0 / 16px;
    }

    .delete_icon {
        background: url('~@/assets/image/trush_default@2x.png') no-repeat 0 / 16px;
    }
    .delete_icon:hover {
        background: url('~@/assets/image/trush_hover@2x.png') no-repeat 0 / 16px;
    }

    .edit_icon {
        background: url('~@/assets/image/edit_default@2x.png') no-repeat 0 / 16px;
    }
    .edit_icon:hover {
        background: url('~@/assets/image/edit_hover@2x.png') no-repeat 0 / 16px;
    }

    .unselected_icon {
        background: url('~@/assets/image/unselected@2x.png') no-repeat 0 / 16px;
    }
    .selected_icon {
        background: url('~@/assets/image/selected@2x.png') no-repeat 0 / 16px;
    }

    .open_icon {
        background: url('~@/assets/image/jiantou@2x.png') no-repeat 0 / 16px;
    }
    .off_icon {
        background: url('~@/assets/image/up_default@2x.png') no-repeat 0 / 16px;
    }
}
//明黄
.illuminating_theme {
    --prmary-color: #f5df4d;
    --secondary-color: #fefae4;
    --btn_primary: #f5df4d;
    --btn_primary_hover: #faefa6;
    --el-color-primary: #f5df4d;
    --text-accent: #f5df4d;
    .select_all_icon {
        background: url('~@/assets/image/quanxuan_default@2x.png') no-repeat 0 / 16px;
    }
    .select_all_icon:hover {
        background: url('~@/assets/image/quanxuan_hover@2x.png') no-repeat 0 / 16px;
    }

    .read_icon {
        background: url('~@/assets/image/yidu_default@2x.png') no-repeat 0 / 16px;
    }
    .read_icon:hover {
        background: url('~@/assets/image/yidu_hover@2x.png') no-repeat 0 / 16px;
    }

    .select_icon {
        background: url('~@/assets/image/shaixuan_icon@2x.png') no-repeat 0 / 16px;
    }
    .select_icon:hover {
        background: url('~@/assets/image/shaixuan_icon_hover@2x.png') no-repeat 0 / 16px;
    }

    .delete_icon {
        background: url('~@/assets/image/trush_default@2x.png') no-repeat 0 / 16px;
    }
    .delete_icon:hover {
        background: url('~@/assets/image/trush_hover@2x.png') no-repeat 0 / 16px;
    }

    .edit_icon {
        background: url('~@/assets/image/edit_default@2x.png') no-repeat 0 / 16px;
    }
    .edit_icon:hover {
        background: url('~@/assets/image/edit_hover@2x.png') no-repeat 0 / 16px;
    }

    .unselected_icon {
        background: url('~@/assets/image/unselected@2x.png') no-repeat 0 / 16px;
    }
    .selected_icon {
        background: url('~@/assets/image/selected@2x.png') no-repeat 0 / 16px;
    }

    .open_icon {
        background: url('~@/assets/image/jiantou@2x.png') no-repeat 0 / 16px;
    }
    .off_icon {
        background: url('~@/assets/image/up_default@2x.png') no-repeat 0 / 16px;
    }
}
